<div class="apes-upload-dialog clearfix">

  <apes-upload
    apesListType="picture-card"
    [apesShowButton]="!showFile"
    [(apesFileList)]="fileList"
    [apesAccept]="accept"
    [apesBeforeUpload]="beforeUpload"
    [apesPreview]="handlePreview"
    [apesCustomRequest]="customReq"
    [apesMultiple]="multiple"
    [apesRemove]="handleRemove"
    [apesShowUploadList]="handleShowList()">
    <!--<button apes-button apes-tooltip [apesTitle]="showLimit()" [apesPlacement]="'top'" [apesType]="'primary'" [disabled]="disabled">-->
      <!--<i apes-icon apesType="upload"></i><span>选择文件</span>-->
    <!--</button>-->
    <div  apes-tooltip [apesTitle]="showLimit()" [apesPlacement]="'top'">
      <i class="upload-icon" apes-icon apesType="plus"></i>
      <div class="ant-upload-text">{{title}}</div>
    </div>
  </apes-upload>
  <apes-modal [apesVisible]="previewVisible" [apesContent]="modalContent" [apesFooter]="null"
              (apesOnCancel)="previewVisible=false">
    <ng-template #modalContent>
      <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }"/>
    </ng-template>
  </apes-modal>

  <!--<ng-container *ngIf="fileList != []">-->
    <!--<div class="apes-upload-dialog-show" *ngFor="let file of _fileList">-->
      <!--<img [src]="file.url" [attr.alt]="file.name" />-->
    <!--</div>-->
  <!--</ng-container>-->
  <ng-container *ngIf="showDownload && fileList.length != 0 && showFile">
    <div class="apes-upload-download">
      <div class="apes-download" (click)="handleDownload()">
        <i class="upload-icon" apes-icon apesType="download"></i>
        <div class="ant-upload-text">下载</div>
      </div>
    </div>
  </ng-container>


</div>
